<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <title>康美企业购</title>
    <link rel="stylesheet" type="text/css" href="../../css/reset.css">
    <link rel="stylesheet" type="text/css" href="../../css/swiper.min.css">
    <link rel="stylesheet" href="../../css/company.css" />
    <script>
        document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.50 + 'px';
    </script>
</head>
<body>
    <div class="wrap bg-f9f9f9">
        <!-- 标题 -->
        <h1 class="page-title">康美企业购</h1>
        <!-- 轮播图 -->
        <div class="swiper-container company-swiper">
          <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="../../img/company/banner.jpg" alt=""></div>
            <div class="swiper-slide"><img src="../../img/company/banner.jpg" alt=""></div>
            <div class="swiper-slide"><img src="../../img/company/banner.jpg" alt=""></div>
          </div>
          <div class="swiper-pagination"></div>
        </div>
        <!-- 场景采购 -->
        <div class="com-wrap clearfix">
            <div class="com-space">
                <div class="com-title">
                    <h3 class="title-scene"></h3>
                    <span class="slogan-scene">企业采购场景方案 购高效</span>
                </div>
                <div class="adv-intro">
                    <div class="adv-item"><img src="../../img/company/i1.png" alt=""></div>
                    <div class="adv-item"><img src="../../img/company/i2.png" alt=""></div>
                    <div class="adv-item"><img src="../../img/company/i3.png" alt=""></div>
                </div>
            </div>
            <div class="adv-slider">
                <div class="adv-block active" data-key=""><span></span></div>
                <div class="adv-block" data-key="adv-pink"><span></span></div>
                <div class="adv-block" data-key="adv-lblue"><span></span></div>
                <div class="adv-block" data-key="adv-green"><span></span></div>
            </div>
        </div>
        <!-- 团购拼团 -->
        <div class="com-wrap clearfix">
            <div class="com-space">
                <div class="com-title">
                    <h3 class="title-group"></h3>
                    <div class="slogan-group" style="display: none;">距离结束时间：<span class="count-down" data-end-time="2017/11/22 00:00:00"></span></div>
                </div>
                <div class="group-goods clearfix">
                    <ul>
                        <li><a href="#" title="">
                            <div class="pic"><img src="../../img/company/goods/t1.jpg" alt=""></div>
                            <div class="info">
                                <h4>三七莹润保湿面膜<i></i></h4>
                                <div class="price">￥<span>45.00</span>元</div>
                                <span class="btn-buy">立即选购</span>
                            </div>
                        </a></li>
                        <li><a href="#" title="">
                            <div class="pic"><img src="../../img/company/goods/t2.jpg" alt=""></div>
                            <div class="info">
                                <h4>三七莹润保湿面膜<i></i></h4>
                                <div class="price">￥<span>45.00</span>元</div>
                                <span class="btn-buy">立即选购</span>
                            </div>
                        </a></li>
                        <li><a href="#" title="">
                            <div class="pic"><img src="../../img/company/goods/t3.jpg" alt=""></div>
                            <div class="info">
                                <h4>三七莹润保湿面膜<i></i></h4>
                                <div class="price">￥<span>45.00</span>元</div>
                                <span class="btn-buy">立即选购</span>
                            </div>
                        </a></li>
                        <li><a href="#" title="">
                            <div class="pic"><img src="../../img/company/goods/t4.jpg" alt=""></div>
                            <div class="info">
                                <h4>三七莹润保湿面膜<i></i></h4>
                                <div class="price">￥<span>45.00</span>元</div>
                                <span class="btn-buy">立即选购</span>
                            </div>
                        </a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 最新活动 -->
        <div class="com-wrap clearfix">
            <div class="com-space">
                <div class="com-title">
                    <h3 class="title-activity"></h3>
                    <span class="slogan-activity">近30天到低价</span>
                </div>
            </div>
            <!-- 活动轮播图 -->
            <div class="swiper-container activity-swiper">
              <div class="swiper-wrapper">
                <div class="swiper-slide"><a href="" title=""><img src="../../img/company/activity/b1.jpg" alt=""></a></div>
                <div class="swiper-slide"><a href="" title=""><img src="../../img/company/activity/b2.jpg" alt=""></a></div>
                <div class="swiper-slide"><a href="" title=""><img src="../../img/company/activity/b3.jpg" alt=""></a></div>
                <div class="swiper-slide"><a href="" title=""><img src="../../img/company/activity/b4.jpg" alt=""></a></div>
                <div class="swiper-slide"><a href="" title=""><img src="../../img/company/activity/b5.jpg" alt=""></a></div>
                <div class="swiper-slide"><a href="" title=""><img src="../../img/company/activity/b6.jpg" alt=""></a></div>
              </div>
            </div>
        </div>
        <!-- 精选推荐 -->
        <div class="com-wrap clearfix">
            <div class="com-space">
                <div class="com-title">
                    <h3 class="title-handpick"></h3>
                    <a href="#" class="slogan-handpick">查看更多</a>
                </div>
                <div class="recommend clearfix">
                    <a href="#" title="">
                        <div class="pic"><img src="../../img/company/goods/j1.jpg" alt=""></div>
                        <div class="info">
                            <h4>菊皇茶<i></i></h4>
                            <p class="desc">上火嗓子不舒服 就喝菊皇茶上火嗓子不舒服 就喝菊皇茶</p>
                            <p class="desc c-999">6.5g*20包*10袋/提</p>
                            <span class="btn-buy block">了解详情</span>
                        </div>
                    </a>
                </div>
                <div class="recommend-list clearfix">
                    <ul>
                        <li><a href="#" title="">
                            <div class="pic"><img src="../../img/company/goods/j2.jpg" alt=""></div>
                            <div class="info">
                                <h4>菊皇茶<i></i></h4>
                                <p class="desc">上火嗓子不舒服 就喝菊皇茶</p>
                                <p class="desc c-999">6.5g*20包*10袋/提</p>
                                <span class="btn-buy">了解详情</span>
                            </div>
                        </a></li>
                        <li><a href="#" title="">
                            <div class="pic"><img src="../../img/company/goods/j3.jpg" alt=""></div>
                            <div class="info">
                                <h4>菊皇茶<i></i></h4>
                                <p class="desc">上火嗓子不舒服 就喝菊皇茶</p>
                                <p class="desc c-999">6.5g*20包*10袋/提</p>
                                <span class="btn-buy">了解详情</span>
                            </div>
                        </a></li>
                        <li><a href="#" title="">
                            <div class="pic"><img src="../../img/company/goods/j4.jpg" alt=""></div>
                            <div class="info">
                                <h4>菊皇茶<i></i></h4>
                                <p class="desc">上火嗓子不舒服 就喝菊皇茶</p>
                                <p class="desc c-999">6.5g*20包*10袋/提</p>
                                <span class="btn-buy">了解详情</span>
                            </div>
                        </a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="../../js/zepto.min.js"></script>
<script src="../../js/touch.js"></script>
<script src="../../js/swiper.min.js"></script>
<script src="../../js/company.js"></script>
<script src="../../js/timer.js"></script>
</html>